/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 29, 2014, 11:42:54 AM
    Author     : ZzNinjakyozZ
*/
section#body{
    margin-right:25%;
    margin-top:50px;
    margin-bottom: 50px;
    min-height: 500px;
}
div#body-container{
    margin:auto;
    float:left;
}

div.outside-content-container{
    margin:auto;
}
div.inner-content-main{
    margin:auto;
    margin-right: 5px;
    width: 65%;
    float: left;
}
div.right-navigation-panel{
    margin:auto;
    width: 30%;
    float: left;
    display: inline;
}
div.brief-user-profile{
    margin:auto;
    border: 1px solid lightgray;
    background-color: #FAFAFA;
    float: left;
}
div.profile-picture-section{
    margin:auto;
    float:left;
}

div.profile-welcome-message{
    margin:5px;
    float:left;
    min-width: 150px;
}

.profile-picture{
    height:100px;
    width:100px;
    margin:5px
}
#job-tabs-container {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
    border-bottom: 1px solid lightgray;
}
    #job-tabs-container ul {
        margin:0;
        padding:0;
        list-style:none;
    }
    #job-tabs-container li {
        float:left;
        margin:0;
        padding:0;
    }
    #job-tabs-container ul li a {
        display:block;
        text-decoration: none;
        float: left;
        margin-right: 0px;
        color:#0099ff;
        border-bottom:none;
        padding:5px;
        width: 150px;
        background: #00;
        text-align: center;
        display: block;
    }
    #job-tabs-container ul li a:hover {
        background-color: lightgrey;
        color:#0099ff;
    }
    #job-tabs-container ul li a#on-link
    {
        color:#000;
        border: 1px solid lightgray;
        border-bottom: 5px solid #FB6280;
    }
    #job-content-container{
        margin-top:10px;
        width: 100%;
        float: left;
    }
    
div.content-block{
    width:100%;
    float:left;
    margin-right:20%;
    margin-bottom: 20px;
}

    div.image-content-block-container{
        width:20%;
        float:left;
        margin-left:5px;
    }
    image.image-content-block,img.image-content-block{
        width:100%;
    }

    div.brief-content-block{
        width:70%;
        float:left;
        margin-right:5px;
    }
    a.more{
        text-decoration: none;
        color: #0099ff;
        float:right;
    }
    
    a.UserName{
        overflow:hidden !important;
        text-overflow: ellipsis;
        width:100%; float:left;
    }